Liquid Glass - iPad appNavigation導航(指南)

從本質上講,iPad 追求的是“簡潔性”。新的 iPadOS 26 也延續了這種理念。

用一個新手勢就能輕鬆多工,視窗還能隨手調整大小。工具欄裡現在有新視窗控制按鈕,一點就變大,功能一目瞭然。新指標更準,反應也更快。還有新的選單欄,你可以把你 app 重要的功能都放進去。

Choose the navigation that fits your app's content 選擇最適合內容結構的導航模式。

想讓 iPad app 更好用,先得選好導航方式。最常見的導航方式之一是側邊欄。

側邊欄非常適合那些有大量子檢視或層級內容較深的應用,比如“郵件”應用。郵件 app 的側邊欄會列出所有郵箱和賬號,讓你一眼就看到所有內容結構。iPad 上的“郵件”之所以響應更快,是因為側邊欄讓導航結構更扁平,減少了跳轉層級。

音樂 app 的導航不是郵箱,而是標籤、庫和歌單。在音樂應用中,這些目的地都整合進了側邊欄,使得導航非常高效。

音樂應用的側邊欄還有一個額外的按鈕,它看起來像是一個標籤欄(tab bar)。點選它後,側邊欄會流暢地變形為標籤欄!標籤欄是一種更緊湊且靈活的導航模式。因為它比側邊欄小得多,你的應用可以展示更多內容,帶來更強的沉浸感。

Start with a tab bar if you're not sure you need a sidebar考慮從標籤欄開始設計。(初始設計時更靈活)

如果你正在考慮應用該用哪種導航模式,建議先從標籤欄入手。它日後可以無縫升級為側邊欄,隨著應用規模和複雜度的增長而適應。

當 iPad 被旋轉為豎屏時,側邊欄會自動變成標籤欄。但從佈局角度來說,旋轉只是寬度的變化,你的應用需要能適應這一變化。如果導航是自適應的,頁面內容就能自動調整排布。

Adapt your navigation to smaller size windows讓導航結構能適應不同的尺寸變化。(提升響應性和相容性)

浮動視窗其實也算是“窄屏”,一樣要能適應。用標籤欄的話,尺寸變來變去也能自動適應。不用標籤欄的 app,也可以把多列內容摺疊起來適應尺寸。

視窗放大縮小不該改變 app 的原始佈局。有機會就把佈局自動恢復回原來的樣子。如果你使用標籤欄,就能優雅地適應各種尺寸變化。

Extend your content below navigation elements讓內容儘可能圍繞導航進行擴充套件,提升沉浸感。(內容為中心)

使用者之所以使用你的應用,是為了它的內容。所以要儘可能利用螢幕空間,為使用者創造最具沉浸感的體驗。使用新的“滾動邊緣效果”(scroll edge effect),讓內容延伸到工具欄下方。對於比全屏小的浮動視窗來說,擴充套件內容尤其重要。

內容也可以延伸到側邊欄下面。當內容像這樣超出其原始邊界時,你甚至可以清楚知道哪一行被滾動了,以及滾動的幅度。